<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>表格-个性化</title>
    <style>
        body{
            font-family: "微软雅黑";
        }
        table.green{
            border-collapse: collapse;
            border: 1px solid green;
            text-align: left;
            
            font-weight: 100;            
        }
        table.green thead tr{
            background-color: seagreen;
            color: white;
        }
        table.green td, th{
            padding: 3px 10px 3px 2px;            
        }
    </style>
</head>
<body>
    <table class="green">
        <thead>
            <tr>
                <th>Company</th>
                <th>Contact</th>
                <th>Country</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Alfreds Futterkiste</td>
                <td>Maria Anders</td>
                <td>Germany</td>
            </tr>
            <tr>
                <td>Berglunds snabbkop</td>
                <td>Christina Berglund</td>
                <td>Sweden</td>
            </tr>
        </tbody>
    </table>
</body>